<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#one{
	border:1px pink solid;
	width:300px;
	height:322px;
	padding:10px;
	box-sizing:border-box;
}
a{
	display:block;
	background-color:pink;
	width:100px;
	height:100px;
	line-height:100px;
	position:relative;
	text-align:center;
	color:white;
	text-decoration:none;
}
a:nth-of-type(even){
	left:2   00px;
	top:-100px;
	}
a:last-child{
	left:100px;
	top:-300px;
	}
a:hover{
	background-color:blue;
	}	
</style>
</head>

<body>
<div id="one">
<a href="#">链接1</a>
<a href="#">链接2</a>
<a href="#">链接3</a>
<a href="#">链接4</a>
<a href="#">链接5</a>
</div>
</body>
</html>
